<template>
    <el-card class="box-card">
      <div class="contact">
        <div style="display: flex; flex-direction: column; justify-content: center; align-items: center">
          <a target="_blank" href="http://wpa.qq.com/msgrd?v=3&uin=2384049697&site=qq&menu=yes">
            唯一客服QQ:2384049697&nbsp;
            <img border="0" src="http://wpa.qq.com/pa?p=2:2384049697:41" alt="点击这里给我发消息" title="点击这里给我发消息"/>
          </a>
          <a target="_blank" href="http://wpa.qq.com/msgrd?v=3&uin=1520637613&site=qq&menu=yes">
            技术咨询QQ:1520637613&nbsp;
            <img border="0" src="http://wpa.qq.com/pa?p=2:1520637613:41" alt="点击这里给我发消息" title="点击这里给我发消息"/>
          </a>
          <a target="_blank" href="//shang.qq.com/wpa/qunwpa?idkey=0157024ff5a6d8ef9de29dd60b358a223eb8f9d5d718985d6d661b354a6aeeff">
            创世交流②群:857257710
            <img border="0" src="//pub.idqqimg.com/wpa/images/group.png" alt="180-185创世交流②群" title="180-185创世交流②群">
          </a>
          <div class="animated infinite bounce delay-3s" style="color: red">加群领红包，每天领不停</div>
        </div>
      </div>
      <div class="erweima">
        <img :src="erweima" style="width: 200px"/>
        <span style="color: #333">微信公众号</span>
        <span style="color: #333">扫我有惊喜哦</span>
      </div>
    </el-card>
</template>

<script>
import erweima from '../../assets/erweima.jpg'
export default {
  name: 'Chat',
  data () {
    return {
      erweima
    }
  }
}
</script>

<style lang="scss" scoped>
/* 联系我们 */
.box-card {
  .contact {
    display: flex;
    flex-direction: column;
    cursor: pointer;
    margin-left: 20px;
    font-size: 15px;
    a {
      color: #333;
      margin-bottom: 10px;
      display: flex;
      justify-content: center;
      cursor: pointer;
    }
    div {
      display: flex;
      flex-direction: column;
      margin-right: 20px;
    }
    span {
      color: $white;
      margin-right: 10px;
      display: block;
      margin-top: 10px;
    }
  }
  .erweima {
      display: flex;
      justify-content: center;
      align-items: center;
      flex-direction: column;
  }
}
</style>
